<template>
  <li>
      <router-link :to="{name:'Today',query:{typeid:typeid}}"> 
          <div class="s" >
             
          <img :src="img" alt="">
            </div>
            <div class="y">
                <p class="brandname">{{brandname}}</p>
                <p class="we">{{brief}}</p>
            </div>
            <span class="iconfont icon-angle-right"></span>
      </router-link>
  </li>
</template>
<script>
// import {getlink} from "@/api/getapi"
export default {
    props:{
        img:String,
        brief:String,
        brandname:String,
        typeid:String
    },
    methods:{
       
    },
  
             
            
             
        

}

    

</script>

<style scoped>
li{
    width: 100%;
    position: relative;
}
.s{
    width: 1rem;
    height: 0.73rem;
    float: left;
}
.s img{
    display: block;
    width: 100%;
    height: 100%;
}
.y{
    margin-left: 1rem;
    height: 0.73rem;
    text-align: left;
    box-sizing: border-box;
    padding: 0rem 0.4rem 0.15rem 0!important;
}
.brandname{
    height: 0.23rem;
    line-height: 0.23rem;
    font-size: 0.16rem;
    overflow: hidden;
    color: black;
    /* font-family:"楷体"; */
    white-space: nowrap;
    text-overflow: ellipsis;
}
.we{
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #B8B8B8;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
li .iconfont{
    position: absolute;
    top: 30%;
    font-size: 0.26rem;
    right: .06rem;
    font-weight: lighter;
}
</style>